@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
}
html{
    min-width: 1200px;
	font-family: "微软雅黑",Georgia;
	font-size:12px;
	background:#f6f6f6;
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}

/*头部*/
header{
	width:100%;
	height:32px;
	border-bottom:1px solid #ccc;
	.toubu{
		width:1200px;
		height: 100%;
		margin:0 auto;
        position: relative;
		.leftHeader{
			float: left;
            line-height: 32px;
            span{
            	color:#118855;
            	margin-right:6px;
            }
            a{
            	margin:0 6px;
            	color:#666666;
            	&:hover{
            		text-decoration:underline;
            	}
            }
		}
		ul{
			float:right;
			overflow: hidden;
			color:#666666;
			li{
				display:inline-block;
				line-height:32px;
				margin:0px 8px;
				a{
					color:#666666;
					&:hover{
            		text-decoration:underline;
            	    }
				}
				.a1{
					color:red;
				}
				select{
					color:#666666;
					background:#f6f6f6;
					border: none;
					outline: medium;
				}
			}
		}
        .city{
            display: none;
            width:460px;
            background: #fbfbfb;
            font-family: "宋体";
            border:1px solid #cfcfcf;
            position:absolute;
            left:40px;
            top:26px;
            z-index: 12;
            box-sizing:border-box;
            color: black;
            padding:4px 10px 10px 10px;
            .lie{
                width:100%;
                line-height: 30px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                button{
                    width:54px;
                    height:18px;
                    border:1px solid #a6b3bf;
                    background: #f8f8f8;
                    outline: medium;
                    cursor: pointer;
                }
            }
            .content{
                width:438px;
                background: white;
                border:1px solid #e6e6e6;
                box-sizing: border-box;
                padding:14px 12px 10px;
                 .remen{
                    display: flex;
                    align-items: flex-start;
                    line-height: 20px;
                    .pin{
                        width:40px;
                        color:#666666;
                    }
                    .yin2{
                        width:350px;
                        a{
                            color: black;
                            margin-right: 14px;
                            &:hover{
                                text-decoration:underline;
                                color:red;
                            }
                        }
                    }
                }
                .pinyin{
                    display: flex;
                    align-items: flex-start;
                    line-height: 20px;
                    margin-top: 10px;
                    .pin{
                        width:40px;
                        color:#666666;
                    }
                    div{
                        width:370px;
                        .yin1{
                            font-size: 14px;
                            a{
                                display: inline-block;
                                padding: 0px 4px;
                                color:black;
                                border-bottom: 1px solid #ccc;
                                &:hover{
                                    color:red;
                                    text-decoration: underline;
                                }
                            }
                            .red{
                                border:1px solid #ccc;
                                border-bottom:none;
                                font-weight: bold;
                                padding: 0px 5px;
                                color:red;
                                border-radius: 3px;
                            }
                        }
                        .yin2{
                            padding-top:4px;
                            a{
                                display: inline-block;
                                margin-right:12px;
                                color: black;
                                &:hover{
                                    color:red;
                                    text-decoration: underline;
                                };
                            }
                        }
                    }
                } 
            }
        }
	}
}

/*导航栏*/
nav{
	width:100%;
	height:80px;
	background:white;
	div{
		width:1200px;
		height:80px;
		margin:0 auto;	
		h1{
			width:235px;
			font-size:0px;
			float:left;
			img{
				width:100%;
				height:100%;
			}
		}
		ul{
			float:right;
			height:80px;
			overflow: hidden;
			position: relative;
			li{
                display: inline-block;
                width:100px;
                line-height:36px;
                margin-top:22px;
                font-size: 16px;
                a{
                	display:inline-block;
                	width:100%;
                	line-height:40px;
                	text-align:center;
                    color:#666666;
                    &:hover{
                    	background:#f4f4f4;
                    };
                }
			}
			img{
				position: absolute;
				left:75px;
				top:20px;
			}	
		}
	}
}
/*轮播图*/
#div1{
    width:100%;
	background:white;
	#wrap{
		width:1200px;
		height:340px;
		margin:0 auto;
		position: relative;
		#lub{
			width:100%;
			height:100%;
			overflow: hidden;
			position: relative;
			#middle{
				width:600%;
				height:100%;
				font-size: 0px;
				img{
					float:left;
					width:16.66%;
					height:100%;
				}
			}
			#btn{
                position:absolute;
                bottom:14px;
                right:30px;
                li{
                	display: inline-block;
                	width:12px;
                	height:12px;
                	border-radius: 100%;
                	margin:0 3px;
                	background: #ccc;
                }
                .bianse{
                	background: #333333;
                }
			}
		}
		/*轮播图左侧tab*/
        #leftLan{
        	width:935px;
        	height:100%;
        	position:absolute;
    	    z-index:10;
    	    left:0;
    	    top:0;
        	#btn2{
        		float:left;
        		width:230px;
        	    height:100%;
        	    background: rgba(0,0,0,0.3);
        	    color:white;
        	    li{
        	    	width:100%;
        	    	line-height:84px;
        	    	border-bottom:1px solid #ccc;
                    text-indent: 90px;
        	    	cursor: pointer;
        	    	font-size:16px;
        	    	background-image: url(../img/a7.png);
        	        &:hover{
        	    		background:#118855;
        	    		background-image: url(../img/a7.png);
        	    	};
        	    	&:nth-child(1){
        	    	    background-position: 0 -10px;
        	        };
        	        &:nth-child(2){
        	    	    background-position: 0 -110px;
        	        };
        	        &:nth-child(3){
        	    	    background-position: 0 -210px;
        	        };
        	        &:nth-child(4){
        	    	    background-position: 0 -310px;
        	        };
        	    }
        	}
        	/*划过出现的div*/
        	#huaGuo{
        		float:right;
        		/*划过时第一个出现的div*/
        		.hua1{
        			width:705px;
        			height:435px;
        			box-sizing: border-box;
        			border:1px solid green;
        			padding-top:15px;
        			background: #f7f7f7;
        			display: none;
        			p{
        				width:100%;
        				line-height:45px;
        				.sp1{
        					display:inline-block;
        					width: 155px;
        					text-align:right;
        					margin-right: 5px;
        				}
        				.sp2{
        					display: inline-block;
        					width:530px;
        					color:#ccc;
        					border-bottom:1px solid #f0f0f0;
        					a{
        						color:#666666;
        						margin:0 6px;
        						&:hover{
                                    color:#118855;
        						}
        					}
        				}
        			}
        		}
        		/*划过时第二个出现的div*/
        		.hua2{
        			width:705px;
        			height:340px;
        			box-sizing: border-box;
        			border:1px solid green;
        			padding-top:15px;
        			background: #f7f7f7;
        			display:none;
        			p{
        				width:100%;
        				display:flex;
        				.sp3{
        					display:block;
        					flex:1;
        					line-height: 60px;
        					text-align:right;
        				}
                        .sp4{
                        	display:block;
                        	margin-left:10px;
                        	flex:6;
                        	a{
                        		display: inline-block;
                        		width:110px;
                        		line-height:38px;
                        		text-align:center;
                        		color:#333;
                        		margin:10px;
                        		border:1px solid #ccc;
                        		&:hover{
                        			color:#118855;
                        			border:1px solid #118855;
                        		}
                        	}
                        }
        			}
        		}
        		/*划过时第三个出现的div*/
        		.hua3{
        			width:705px;
        			height:400px;
        			box-sizing: border-box;
        			border:1px solid green;
        			padding-top:15px;
        			padding-left: 10px;
        			background: #f7f7f7;
        			display:none;
        			a{
                		display: inline-block;
                		width:114px;
                		line-height:40px;
                		text-align:center;
                		color:#333;
                		margin:8px 8px;
                		border:1px solid #ccc;
                		&:hover{
                			color:#118855;
                			border:1px solid #118855;
                		}
                	}
        		}
        		/*划过时第四个出现的div*/
        		.hua4{
        			width:705px;
        			height:340px;
        			box-sizing: border-box;
        			border:1px solid green;
        			padding-top:20px;
        			padding-left: 10px;
        			background: #f7f7f7;
        			display:none;
        			a{
                		display: inline-block;
                		width:114px;
                		line-height:40px;
                		text-align:center;
                		color:#333;
                		margin:9px 8px;
                		border:1px solid #ccc;
                		&:hover{
                			color:#118855;
                			border:1px solid #118855;
                		}
                	}
        		}
        	}

        }
	}
}

/*中间商品列表*/
#div2{
	width:1200px;
	margin:0 auto;
	/*设置轮播底下商品列表*/
    .xiao1{
    	width:100%;
    	height:170px;
    	background: white;
    	display:flex;
    	dl{
    		width:25%;
    		border-right:1px solid #e3e3e3;
    		text-align:center;
    		overflow: hidden;
    		dt{
    			padding-top: 16px;
    		    font-size:20px;
    		    color:#595959;
    		}
    		dd{
    			font-size:14px;
    			color:#999999; 
    		}
    		p{
    			width:46%;
    			margin:0 auto;
    			font-size:0px;
    			img{
    				width:100%;
    			}
    		}
    		#p1{
    			width:54%;
    		}
    		#p2{
    			width:62%;
    		}
    		&:nth-child(4){
    			position: relative;
                .hot{
                	position: absolute;
                	right:85px;
                	top:10px;
                }
    		}
    	}
    }
    /*热门手机回收*/
    /*二手良品精选*/
    .xiao2{
    	width:100%;
    	margin-top:32px;
    	h2{
    		font-size:24px;
    		line-height:32px;
    		font-weight:lighter;
    		color:#444444;
    		a{
    			float:right;
    			font-size: 14px;
    			color:#333333;
    			display: inline-flex;
    			align-items: center;
    			&:hover{
                    text-decoration:underline;
    			}
    		}
    	}
    	div{
    		width:100%;
    		height:302px;
    		margin-top:10px;
    		background: white;
    		display:flex;
    		dl{
    			width:16.5%;
    			text-align:center;
    			border-right:1px solid #e3e3e3;
    			&:nth-child(1){
                    width:17%;
                    dt{
                    	width:100%;
                    	font-size:0px;
                    	margin:0px;
                    	img{
                    		width:100%;
                    		height: 100%;
                    	}
                    }
    			}
    			dt{
    				font-size:0px;
    				margin:45px auto 20px;
    			}
                dd{
                	font-size:16px;
                	color:#666666;
                }
                p{
                	font-size:14px;
                	margin-top: 10px;
                	color:red;
                }
    		}
    	}
    }
}

/*地图模式*/
.ditu{
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index: 20;
    padding-top: 50px;
    box-sizing: border-box;
    .map{
        width:892px;
        height:550px;
        background: #fafafa;
        margin:0 auto;
        h3{
            line-height: 31px;
            border-bottom:1px solid #ccc;
            text-indent: 1em;
            color:#999;
            background: #f5f5f5;
            span{
                float:right;
                margin-right: 10px;
                font-size:18px;
                cursor: pointer;
            }
        }
        #container{
            width:100%;
            height:455px;
        }
        .btn5{
            margin-top:6px;
            width:100%;
            text-align: center;
            li,p{
                width:44px;
                height:42px;
                line-height: 42px;
                text-align: center;
                display:inline-block;
                margin:0 2px;
                box-sizing: border-box;
                border:1px solid #ccc;
                font-size:16px;
                color:#666666;
                cursor: pointer;
            }
            p{
                width:102px;
            }
            .orange2{
                background: #fc6621;
                color:white;
                font-weight: bold;
                border:none;
            }
        }
    }
    /*设置地图*/
    .mapimg{
        width:70px;
        height:70px;
        margin-right:10px;
    }
    .mapdiv{
        width: 100%;
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .mapp1{
        margin-bottom:10px;
        width:100%;
        border-bottom:1px solid #ddd;
        background:#eee;
        height:30px;
        line-height:30px;
        font-size:1.5rem;
        font-family:'微软雅黑';
        font-weight:bold;
        text-indent:10px;
        color:dodgerblue;
    }
    .mapp2{
        color:#555555;
        font-size:1.3rem;
    }
    .mapa{
        text-decoration: none;
        color:#24975d;
        font-size:1.3rem;
        margin-top:20px;
        float: right;
        margin-right:50px;
    }
}


/*到店维修*/
.weiXiu{
	width:1200px;
	margin:32px auto 10px;
	font-size:24px;
	line-height:32px;
	font-weight:lighter;
	color:#444444;
}
#div3{
	width:100%;
	padding-bottom:80px;
	background: white;
	.daDiv{
		width:1200px;
		margin:0 auto;
        overflow: hidden;
		/*搜索区域*/
		.sou{
			padding-top:20px;
			margin-bottom:20px;
			display: flex;
			position: relative;
			select{
				width:142px;
				height:42px;
				border:1px solid #118855;
				outline: medium;
				text-indent:10px;
				margin-right:8px;
			}
			input{
				width:470px;
				height:42px;
				border:1px solid #118855;
				outline: medium;
				text-indent:14px;
			}
			button{
				width:122px;
				height:44px;
				border:none;
				outline: medium;
				background: #118855;
				color:white;
				font-size:18px;
				cursor: pointer;
			}
			p{
				display:none;
				width:470px;
				line-height: 30px;
				border:1px solid #d0d0d0;
				text-indent: 6px;
				color:#999999;
				font-size:14px;
				background: white;
				position: absolute;
				left:300px;
				top:65px;
			}
            .ull{
                display: none;
                width:470px;
                border:1px solid #118855;
                text-indent: 6px;
                line-height: 28px;
                font-size:14px;
                background: white;
                position: absolute;
                left:300px;
                top:65px;
                z-index: 8;
                li{
                    &:hover{
                        background:#f1f1f1;
                    }
                }
            }
		}
		/*左侧数据栏*/
        .zuo{
            float:left;
        	width:892px;
        	.btn3{
        		width:890px;
        		height:42px;
                border:1px solid #ccc;
                background: #f5f5f5;
                font-size:14px;
                color:#333333;
        		li{
        			float:left;
        			width:122px;
        			line-height: 42px;
        			text-align:center;
        			box-sizing: border-box;  
                    cursor:pointer;
        		}
        		.pp2{
                    float:left;
                    width:110px;
                    line-height: 42px;
                    text-align:center;
        		}
        		.pp3{
        			float:right;
        			width:110px;
        			height: 28px;
        			margin:6px 12px;
        			text-align: center;
        			border:1px solid #ccc;
        			background: #ffffff;
        			display: flex;
        			align-items: center;
                    cursor:pointer;
        			img{
        				margin:0 10px;
        			}
        		}
        		.teshu{
        			background: white;
        			color:#118855;
        			border-left:1px solid #ccc;
        			border-right:1px solid #ccc;
        		}
        	}
            /*数据*/
            .shuJu{
            	width:100%;
            	.tiao{
            		width:100%;
            		padding:20px 0;
            		border-bottom: 1px solid #ccc;
            		display:flex;
            		align-items: center;
            		position: relative;
            		color:#666666;
            		font-size:14px;
            		p{
            			font-size:0px;
            			width:88px;
            			height:88px;
            			border:1px solid #ccc;
            			img{
            				width:100%;
            			}
            		}
            		.ul1{
            			width:390px;
            			margin-left:12px;
            			li{
            				white-space: nowrap;
            				overflow: hidden;
            				text-overflow: ellipsis; 
            				&:nth-child(1){
            					margin-bottom:18px;
                                a{
                                	margin-right: 6px;
                                	color:#118855;
                                	&:hover{
                                        text-decoration:underline;
                                	}
                                }
            				}
            				&:nth-child(2){
            					margin-bottom:12px;
            				}
            			}
            		}
            		.ul2{
            			width:150px;
            			margin-left:50px;
            			li{
            				line-height: 30px;
            			}
            		}
            		button{
            			position: absolute;
            			right:6px;
            			width:140px;
            			height:40px;
            			border:1px solid #118855;
            			color:#118855;
            			font-size:18px;
            			background: white;
            			cursor: pointer;
            		}
            	}
            }
            /*切换数据*/
            .btn4{
                margin-top:6px;
                width:100%;
                text-align: center;
                li,p{
                    width:44px;
                    height:42px;
                    line-height: 42px;
                    text-align: center;
                    display:inline-block;
                    margin:0 2px;
                    box-sizing: border-box;
                    border:1px solid #ccc;
                    font-size:16px;
                    color:#666666;
                    cursor: pointer;
                }
                p{
                    width:102px;
                }
                .orange{
                    background: #fc6621;
                    color:white;
                    font-weight: bold;
                    border:none;
                }
            }
        }
        /*右侧数据区域*/
        .you{
            float:right;
            width:270px;
            border:1px solid #ccc;
            margin-left:20px;
            h3{
                line-height: 42px;
                text-align: center;
                font-size:18px;
                font-weight:300;
                background: #f5f5f5;
            }
            .tiao2{
                width:100%;
                height:52px;
                padding:20px 0px;
                border-top:1px solid #e6e6e6;
                color:#666666;
                display:flex;
                align-items: center;
                .xx1{
                    width:22px;
                    line-height:22px;
                    text-align: center;
                    font-size:18px;
                    border:2px solid #666666;
                    border-radius: 100%;
                    margin:0 14px;
                }
                .xx2{
                    width:50px;
                    height:50px;
                    margin:0px 6px;
                    border:1px solid #c6c6c6;
                    img{
                        width:100%;
                        height:100%;
                    }
                }
                .xx3{
                    font-size:13px;
                    a{
                        color:#118855;
                        &:hover{
                            text-decoration:underline;
                        }
                    }
                    p{
                        margin-top:12px;
                    }
                }
            }
        }
	}
}

/*固定定位*/
.gddw{
	width:74px;
	height:195px;
	position: fixed;
	right:2px;
	top:140px;
	background-image: url(../img/a31.png);
	background-position:-75px 0px;
	p{
		width:72px;
		height:20px;
		margin-left:2px;
		margin-top: 56px;
		cursor: pointer;
		&:hover{
			background-image: url(../img/a31.png);
		    background-position:0px -56px;
		};
	}
}

/*回到顶部*/
.hddb{
	width:27px;
	height:74px;
	position: fixed;
	right:10px;
	bottom:42px;
	background-image: url(../img/a30.png);
	cursor: pointer;
	display: none;
	&:hover{
        background-image: url(../img/a30.png);
		background-position:0px -75px;
	}
}

/*页面底部*/
footer{
	width:980px;
	margin:0 auto;
	/*底部一*/
	.foot1{
		width:100%;
		padding:24px 0px;
		border-bottom:1px solid #e3e3e3;
		display:flex;
		div{
            width:20%;
            overflow: hidden;
            p{
            	float:left;
            	width:43px;
            	height:43px;
            	margin-left:20px;
            	background-image: url(../img/a29.gif);
            }
            ul{
            	float:left;
            	margin-left:8px;
            	h3{
            		font-size:16px;
            		line-height:36px;
            		color:#999999;
            	}
            	li{
            		line-height:24px;
            		a{
            			color:#777777;
            			&:hover{
            				text-decoration:underline;
            			};
            		}
            		.aa1{
            			color:#239bf8;
            		}
            	}
            }
            &:nth-child(2){
            	p{
            		background-image: url(../img/a29.gif);
            		background-position: 0px -44px;
            	}
            };
            &:nth-child(3){
            	p{
            		background-image: url(../img/a29.gif);
            		background-position: 0px -88px;
            	}
            };
            &:nth-child(4){
            	p{
            		background-image: url(../img/a29.gif);
            		background-position: 0px -132px;
            	}
            };
            &:nth-child(5){
            	p{
            		background-image: url(../img/a29.gif);
            		background-position: 0px -176px;
            	}
            };
		}
	}
	/*底部2*/
	.foot2{
		width:100%;
		padding: 20px 0 40px;
		text-align: center;
		color:#888888;
		p{
			line-height: 24px;
			a{
				color:#888888;
				margin-left:24px;
				&:hover{
    				text-decoration:underline;
    			};
			}
		}
	}
}